<template>
    <div class="vo-drag-position-item-edit">
        <VoSchemaForm v-if="currentItem" :model="currentItem" :schema="schema"></VoSchemaForm>
    </div>
</template>

<script>
export default {
    name: 'VoDragPositionItemEdit',
    props: {
        currentItem: Object
    },
    data() {
        return {
            schema: {
                properties: [
                    {
                        model: 'width',
                        label: '宽度',
                        widget: 'inputNumber',
                        ui: {
                            min: 0,
                            max: 999999,
                            step: 1,
                            precision: 0,
                            placeholder: '请输入宽度'
                        }
                    },
                    {
                        model: 'height',
                        label: '高度',
                        widget: 'inputNumber',
                        ui: {
                            min: 0,
                            max: 999999,
                            step: 1,
                            precision: 0,
                            placeholder: '请输入高度'
                        }
                    },
                    {
                        model: 'left',
                        label: '左侧距离',
                        widget: 'inputNumber',
                        ui: {
                            min: 0,
                            max: 999999,
                            step: 1,
                            precision: 0,
                            placeholder: '请输入左侧距离'
                        }
                    },
                    {
                        model: 'top',
                        label: '顶部距离',
                        widget: 'inputNumber',
                        ui: {
                            min: 0,
                            max: 999999,
                            step: 1,
                            precision: 0,
                            placeholder: '请输入顶部距离'
                        }
                    }
                ],
                ui: {
                    size: 'small'
                }
            }
        }
    }
}
</script>

<style lang="scss" scoped>
.vo-drag-position-item-edit{
    width: 400px;
}
</style>
